<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <!--设置当前HTML文件字符编码-->
  <meta charset="utf-8">
  <!--兼容IE edge-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!---->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
  <title>微金所例子</title>

  <!-- Bootstrap -->

  <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
  <link rel="stylesheet" href="css/main.css">


  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
  <script src="lib/html5shiv/html5shiv.js"></script>
  <script src="lib/Respond/respond.min.js"></script>
  <![endif]-->

</head>
<body>
<!--头部区域-->
<header id="header">
  <div class="topBar visible-md visible-lg">
    <div class="container">
      <div class="row">
        <div class="col-md-2 text-center">
          <a herf="#" class="mobile-link">
            <i class="icon-mobilephone"></i>
            <span>手机微金所</span>
            <i class="glyphicon glyphicon-chevron-down"></i>
            <img src="img/c_06.jpg" alt="扫一扫">
          </a>
        </div>
        <div class="col-md-5 text-center">
          <i class="icon-telphone">
            <span>10086</span>
          </i>
        </div>
        <div class="col-md-2 text-center">
          <a href="#">常见问题</a>
          <a href="#">财富登陆</a>
        </div>
        <div class="col-md-3 text-center">
          <a href="#" class="btn btn-xianchan btn-sm">免费注册</a>
          <a href="#" class="btn btn-link btn-sm">登录</a>
        </div>

      </div>
    </div>
  </div>
  <nav class="navbar navbar-xianchan navbar-static-top">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-list"
                aria-expanded="true">
          <span class="sr-only">切换菜单</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="#" class="navbar-brand">
          <i class="icon-icon"></i>
          <i class="icon-logo"></i>
        </a>
      </div>

      <div class="collapse navbar-collapse" id="nav-list">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">我要投资</a></li>
          <li><a href="#">我要借款</a></li>
          <li><a href="#">平台介绍</a></li>
          <li><a href="#">新手专区</a></li>
          <li><a href="#">最新动态</a></li>
          <li><a href="#">微论坛</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right hidden-sm">
          <li><a href="#">个人中心</a></li>
        </ul>
      </div>
    </div>
  </nav>
</header>
<!--/头部区域-->
<!--广告轮播-->
<section id="main_ad" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#main_ad" data-slide-to="0" class="active"></li>
    <li data-target="#main_ad" data-slide-to="1"></li>
    <li data-target="#main_ad" data-slide-to="2"></li>
    <li data-target="#main_ad" data-slide-to="3"></li>
  </ol>
  <div class="carousel-inner" role="listbox">
    <div class="item active" data-image-lg="img/slide_01_2000x410.jpg" data-image-xs="img/slide_01_640x340.jpg"></div>
    <div class="item" data-image-lg="img/slide_02_2000x410.jpg" data-image-xs="img/slide_01_640x340.jpg"></div>
    <div class="item" data-image-lg="img/slide_03_2000x410.jpg" data-image-xs="img/slide_01_640x340.jpg"></div>
    <div class="item" data-image-lg="img/slide_04_2000x410.jpg" data-image-xs="img/slide_01_640x340.jpg"></div>


  </div>

  <a href="#main_ad" class="left carousel-control" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a href="#main_ad" class="right carousel-control" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
</section>
<!--/广告轮播-->
<!--特色介绍-->
<section></section>
<!--/特色介绍-->
<!--立即预约-->
<section></section>
<!--/立即预约-->
<!--产品推荐-->
<section></section>
<!--/产品推荐-->
<!--新闻列表-->
<section></section>
<!--/新闻列表-->
<!--合作伙伴-->
<section></section>
<!--/合作伙伴-->
<!--脚注区域-->
<footer id="footer"></footer>
<!--/脚注区域-->

<script src="lib/jquery/jquery-3.2.1.js"></script>
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="js/main.js"></script>
</body>
</html>